extends layout

block headJs
    != js("views/indexView")
block contents
    #indexPage
        .register
            input#txtTitle.txt(type="text", placeholder="Countdown to what?", title="Enter a title for the countdown. Ex: Felix jump from space!")
            br
            input#txtDate.txt(type="datetime", placeholder="When?", title="Enter the target date and time.")
            .quickDates
                div
                    span(data-interval="5", title="Happens in 5 minutes...") 5 minutes
                    span(data-interval="20", title="Happens in 20 minutes...") 20 minutes
                    span(data-interval="60", title="Happens in 1 hour...") 1 hour
                    span(data-interval="1440", title="Happens in 1 day...") 1 day
                    span(data-interval="m1", title="Happens in 1 month...") 1 month
                    span(data-interval="m6", title="Happens in 6 months...") 6 months
                    span(data-interval="10", title="Happens in 10 minutes...") 10 minutes
                    span(data-interval="30", title="Happens in 30 minutes...") 30 minutes
                    span(data-interval="120", title="Happens in 2 hours...") 2 hours
                    span(data-interval="10080", title="Happens in 1 week...") 1 week
                    span(data-interval="m2", title="Happens in 2 months...") 2 months
                    span(data-interval="y1", title="Happens in 1 year...") 1 year
            textarea#txtOnEndMessage.txt.small(type="text", placeholder="Message after the countdown has finished (optional)", title="Enter a message to be displayed after the countdown has finished.")
            #addMore.down(title="Click to show more options...")
                span More options
            #moreInfo
                input#txtCreatorName.txt.small(type="text", placeholder="Your name or nickname (optional)", title="Enter your name, nickname, surname, wishname... whatever.")
                br
                .leftAlign
                    label.toggle(for="chkPlaySound", title="Check if you want us to beep when the countdown has finished.")
                        input#chkPlaySound(type="checkbox", checked="checked")
                        span
                    label(for="chkPlaySound") Play sound when finished
                .leftAlign
                    label.toggle(for="chkIsPrivate", title="Check it if you want this countdown to be private (so it won't be published on Twitter or on our homepage).")
                        input#chkIsPrivate(type="checkbox")
                        span
                    label(for="chkPlaySound") Make this countdown private

        button#butSubmit(title="Create and start the countdown!!!") Start!